<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-培训详情</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/idangerous.swiper.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/zndj_detail.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/px_logo1.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon" style="margin-right:0px;">
						<input type="text" placeholder="请输入关键字">
						<a class="search_btn" href="#">搜索</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container ovw">
			<div class="main">
				<ul class="navigation_bar">
					<li>所在位置 : </li>
					<li><a href="hk_pxzx.html ">培训</a><img src="images/arrow_right.png" alt=""></li>
					<li class="current"><a href="">详情</a></li>
				</ul>
				<!-- 左侧内容 -->
				<div class="fl lf_content px_content">
					<div class="commodity_info">
						<div class="top_box">
							<p class="title fl">焊客高级技师培训班</p>
							<div class="fr rt_box">
								<div class="fl message">
									<a href="">
									<span><i>1334人浏览</i></span>
									</a>
								</div>
								<div class="fl line"></div>
								<div class="fl collect">
									<img src="images/detail_collect.png" alt="">
									<span>收藏</span>
								</div>
							</div>
						</div>
						<p class="time">发布于：12-05 08:00</p>
						<div class="comm_box">
							<!-- 商品图片 -->
							<div class="fl comm_img">
								<div class="big_img">
									<img src="images/comm_img.png" alt="">
								</div>
								<div class="swiper-container img_list">
									<div class="swiper-wrapper">
										<div class="swiper-slide">
											<div class="item current_comm">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>
											
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
										</div>
										<div class="swiper-slide">
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
											<div class="item">
												<img src="images/comm_img1.png" alt="">
												<div class="shade"></div>
											</div>
											
											<div class="item">
												<img src="images/comm_img2.png" alt="">
												<div class="shade"></div>
											</div>
										</div>
									</div>
									<div class="prev"></div>
									<div class="next"></div>
								</div>
							</div>
							<!-- 商品信息 -->
							<div class="fr comm_info ">
								<ul class="info_list">
									<li>
										<span class="label">培训机构 :</span>
										<span class="text">上海中核五建</span>
									</li>
									<li>
										<span class="label">报名人数 :</span>
										<span class="text">88/100</span>
									</li>
									
									<li>
										<span class="label">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址 :</span>
										<span class="text">上海市闵行区 中山南二路699号正大乐城B1层</span>
									</li>
								</ul>
								<div class="deadline">
									<img src="images/clock.png" alt="">
									<span>截止时间 : </span>
									<span class="time">2017-11-06 ~2017.11.19</span>
								</div>
								<div class="contact" style="margin-top:80px;">
									<a href="javascript:;" class="fr leave_text " href="">
										<span>我要报名</span>
									</a>
								</div>
							</div>
						</div>
					</div>

					<!-- 描述 -->
					<div class="comm_describe">
						<h3><span>描述</span></h3>
						<p>中国文化产业资本大会（以下简称“大会”），是由著名文化产业研究与咨询机构——新元公司于2012年创办的，是中国最早致力于文化产业与金融资本对接对话与交流合作的高端峰会，也是目前国内最有影响力的文化产业资源共享平台。第一、二届大会于2012、2013年在北京举办，第三、四、五届大会得到上海市委宣传部、上海市文创办、上海市徐汇区委宣传部的大力支持，持续三年在上海举办，并被列为其“年度重点工作”和“重点扶持与支持文化产业项目”。大会累计聚集文化企业超过2000家，特邀嘉宾（行业一线企业家）已达200人以上，参会人数超过5000人，其中大部分为行业中的顶尖或精英人士：文化企业创始人/董事长/CEO/高管约占半成，各类投资、基金、金融机构合伙人/投资总监约占三成，各省市政府及文化产业主管机构、高端咨询及研究机构、各大高校及学术机构，以及各大主流媒体负责人等相关人士约占两成。</p>
						<p>大会累计发布数据研究或行研报告超过30个，官方新闻稿超过300篇次，学术成果或专家采访稿超过600篇次，全网转载量超过20000篇次，信息覆盖超过5000万人次，大会知晓率已达亿级人次。</p>
						<b class="intro">培训课程介绍</b>
						<p>2017年12月22-23日，第六届中国文化产业资本大会再一次落地上海。本届大会以“新声与蝶变：发现不一样的力量！”为总主题，聚焦文化产业叠加移动互联网而持续爆发的“全民内容产业”，并从“内容产业的头部之战”、“网生影视的重构共生”、“动漫二次元的破壁大战”、“娱乐场景化的营销创新”、“内容产业大数据的创新应用”等维度全面展开专业讨论，并同期举办“内容创业新声大赛”、“文娱行业高管招聘会”、“IP改编推荐大会”等活动。本届大会于2017年10月10日启动，随“新声大赛”等活动，直至12月22-23日论坛收官及颁奖盛典，预计共聚集1000家以上文娱企业、200家以上投资机构和100家以上媒体与自媒体参与，总计会有超过2000人次参会。</p>
						<ul class="img_d">
							<li><img src="images/detail_img_a.png" alt=""></li>
							<li class="mar_r"><img src="images/detail_img_a.png" alt=""></li>
						</ul>
					</div>
				</div>
				<!-- 右侧内容 -->
				<div class="fr rt_content px_rt_content">
					<dl class="correlation_list">
						<dt>机构介绍</dt>
						<dd >中国核工业第五建设公司组建于1964年隶属于中国核工业建设集团公司,1984年7月16日公司注册为“上海石化安装检修工程公司”，2006年11月1日更名并注册为“中国核工业第五建设公司”。具有化工石油工程施工总承包一级、电力工程总承包一级（限核电）机电安装工程施工总承包一级、房屋建筑工程施工总承包一级、钢结构工程专业承包一级、起重设备安装工程专业承包一级、核工程专业承包一级、化工石油设备管道安装工程专业承包一级、管道工程专业承包二级，并有对外经济合作经营资格的国有施工企业。</dd>
					</dl>

					<dl class="more_list">
						<dt>
							<a class="fr btn" href="./hk_pxzx.html"><img src="images/add1.png" alt="">查看更多</a>
							<h3>更多培训课程</h3>
						</dt>
						<dd>
							<a href="">
								<div class="img_box">
									<img src="images/zsk_detail_img.png" alt="">
									<p>核工种中级技术班核工种中级技术班中级技术班</p>
								</div>
							</a>
							<p class="apply_time">报名时间 : <span>2017.11.01-2017.11.19</span></p>
							<ul class="issue_info">
								<li>
									<img src="images/look_icon_a.png" alt="">
									<span>1334</span>
								</li>
								<li>
									<img src="images/clock_a.png" alt="">
									<span>5天前</span>
								</li>
								<li class="surplus">剩余<span>6</span>天</li>
							</ul>
						</dd>
						<dd class="bor_none">
							<a href="">
								<div class="img_box">
									<img src="images/zsk_detail_img.png" alt="">
									<p>核工种中级技术班核工种中级技术班中级技术班</p>
								</div>
							</a>
							<p class="apply_time">报名时间 : <span>2017.11.01-2017.11.19</span></p>
							<ul class="issue_info">
								<li>
									<img src="images/look_icon_a.png" alt="">
									<span>1334</span>
								</li>
								<li>
									<img src="images/clock_a.png" alt="">
									<span>5天前</span>
								</li>
								<li class="surplus">剩余<span>6</span>天</li>
							</ul>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		
		<!-- 报名弹窗 -->
		<div class="apply_show">
			<div class="content">
				<div class="title_box">
					<img class="close_apply" src="images/close_img.png" alt="">
					<p>填写报名信息</p>
				</div>
				<form action="" class="apply_form">
					<p class="label">姓名</p>
					<input type="text" class="ipt" placeholder="请输入您的姓名 ">
					<p class="label">手机号</p>
					<div class="phone_num">
						<input type="text" class="ipt" placeholder="请输入您的手机号">
						<span class="fr get_code">获取验证码</span>
					</div>
					<p class="label">验证码</p>
					<input type="text" class="ipt" placeholder="请输入验证码 ">
					<p class="label">邮箱</p>
					<input type="text" class="ipt" placeholder="请输入邮箱地址 ">
					<p>留言</p>
					<textarea class="text" name="" id="" cols="30" rows="10" placeholder="请输入您的留言"></textarea>
					<button class="login_btn">提交</button>
				</form>
			</div>
		</div>
		
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script src="js/idangerous.swiper.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script src="js/jquery.font.js"></script>
		<script type="text/javascript">


			$(function() {
				$(".more_list dd .img_box p").fonts({
					fontNum:17
				})
				$(".apply_show").height($(window).height());
				$(window).resize(function(){
					$(".apply_show").height($(window).height());
				})

				// 图片切换
				var mySwiper = new Swiper('.swiper-container', {
					loop: false,
				// 	autoplayDisableOnInteraction: false
				});
				$('.prev').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipePrev()
				});

				$('.next').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipeNext()
				});

				$(".swiper-slide .item").mouseover(function(){
					$(".item").removeClass("current_comm")
					var img_src = $(this).find("img").attr("src");
					$(this).addClass("current_comm");
					$(".big_img img").attr("src",img_src);
				});
				// 点击收藏切换
				$(".collect").click(function(){
					if($(this).find("span").text() == "收藏" ){
						$(this).find("img").attr("src","images/zndj4_active.png");
						$(this).find("span").text("已收藏");
					}else{
						$(this).find("img").attr("src","images/detail_collect.png");
						$(this).find("span").text("收藏");
					}
				});

				// 点击留言 弹窗显示
				$(".leave_text").click(function(){
					$("body").css("overflowY","hidden");
					$(".apply_show").show();
				})
				$(".title_box .close_apply").click(function(){
					// $("body").removeClass("ovw");
					$("body").css("overflowY","auto");
					$(this).parents(".apply_show").hide();
				});


				$(function(){
					// 计时器
					(function(){
						var i=60;
						 jsq = null;

						function demo(){
							 jsq=setInterval(function(){
								i--;
								console.log(i);
								$(".get_code").text(i+"s后重新发送");
								if(i<1){
								clearInterval(jsq);
								$(".get_code").text("点击后重新发送");
								jsq=null;
								i=60;
							}

							},1000);
						}
						$(".get_code").click(function(){
							if(jsq != null){
								return;
							}
							demo();
						});
					})();
				})
			})
		</script>
	</body>

</html>